import React, { Component } from 'react'
import { InputItem, Icon } from 'antd-mobile'
import { MyInputItem } from '../common'

export default class HomepageV2 extends Component {
  render() {
    return (
      <div className={`rt-homepage-v2-container`}>
        <img className={`rt-img`} alt="banner-v2" src={require('static/images/banner-v2.png')} />
        <div className={`cm-carousel-children`}>
          <span>公告</span>
          <span>关于开通借记卡支付通道的通知</span>
        </div>
        <div className={`rt-scrollable-container`}>
          <MyInputItem
            placeholder="请输入手机号码"
            addonBefore={<Icon type="phone" />}
          />
          <MyInputItem
            placeholder="请输入密码"
            addonBefore={<Icon type="lock" />}
          />

          <div className={`rt-forget-password-box`}>
            <span className={`rt-exclamatory-mark`}>!</span>
            <span>忘记密码？</span>
          </div>

          <div className={`cm-main-btn`}>登  录</div>
          <div className={`cm-main-btn rt-adjust-btn`}>注  册</div>
        </div>
      </div>
    )
  }
}